<template>
  <div class="info-container">
    <!-- 头部 -->
    <div class="info-header">
      <van-nav-bar title="聊天" :fixed="true" >
        <van-icon name="plus" slot="right"  size="20" color="#000000" />
      </van-nav-bar>
    </div>

    <!-- 聊天部分 -->
    <div class="info-chat">
      <van-cell center v-for="(item,index) in list" :key="index"
                :title="item.name" value="" :label="item.info" >
        <template>
          <van-image
              width="40"
              height="40"
              :src="item.url"
          />
        </template>
      </van-cell>
    </div>
  </div>
</template>

<script>


export default {
  name: "Info",
  data(){
    return{
      list:[
        {name:'妙可数码',info:'不客气',url:'../../assets/images/1.jpeg'},
        {name:'步多科数码',info:'只有圆通',url:'../src/assets/images/2.jpeg'},
        {name:'双创空间',info:'嗯嗯，好的',url:'../src/assets/images/3.jpeg'},
        {name:'多多书屋',info:'有的',url:'../src/assets/images/4.jpeg'},
        {name:'江南喵次',info:'在的',url:'../src/assets/images/5.jpeg'},
        {name:'三分妄想',info:'没有哦，亲',url:'../src/assets/images/6.jpeg'},
        {name:'YZ网络科技',info:'激活一下',url:'../src/assets/images/7.jpeg'},
        {name:'烟火巷陌',info:'好的',url:'../src/assets/images/8.jpeg'},
        {name:'Destin',info:'已经发货了',url:'../src/assets/images/9.jpeg'},
        {name:'何eee',info:'胡桃是吧',url:'../src/assets/images/10.jpeg'},
      ]
    }
  }

}
</script>

<style lang="less" scoped>
.info-container {
  padding: 46px 0 50px 0 ;
  /* 头部 */
  .info-header {
    .van-nav-bar {
      //background: -webkit-linear-gradient(left,#151078, #319572,#2D9EBD);
      background: -webkit-linear-gradient(left, #FAEFF7, #EAE9FB, #E5F3FC);
    }
    /deep/ .van-nav-bar__title {
      font-weight: bold;
    }
  }
  /* 聊天部分 */
  .info-chat{
    /deep/ .van-cell__title{
      font-weight:bold;
    }
  }
}
</style>